<template>
  <div>
    <h2>孙子组件：</h2>
    <div>
      父组件传来的msg：{{ parentMsg }}<br />
      父组件传来的msg：{{ parentMsgObj.msg }}<br />
      父组件传来的info： 姓名：{{ parentInfo.name }}， 年龄：{{ parentInfo.age }}， 地址：{{
        parentInfo.address
      }}<br />
    </div>

    <div>
      <el-button type="primary" @click="parentMsgObj.updateMsg('~')">修改父的msg</el-button>
    </div>
  </div>
</template>
<script setup lang="ts">
// 第一个参数是name，第二个参数是默认值，
const parentMsg = inject('userMsg', '我是默认值')
const parentMsgObj = inject('userMsgObj', {
  msg: '',
  updateMsg: (x: string) => {},
})
const parentInfo = inject('userInfo', { name: '', age: 0, address: '' })
</script>
<style scoped></style>
